// Light theme (Default) [Additions for docs]
// Can be forced with data-theme="light"
[data-theme="light"],
:root:not([data-theme="dark"]) {
  --invalid-color: #{$red-800};
  --valid-color: #{$green-700};
  --nav-background-color: #{rgba($white, 0.7)};
  --nav-border-color: #{rgba($grey-500, 0.2)};
  --nav-logo-color: #{$white};
  --article-code-background-color: #{mix($grey-50, $white, 33%)};
}
